<template>
  <div class="contains">

    景点详情
    <router-link
      to="/">
      <div class="iconfont header-back">&#xe624;</div>
    </router-link>

  </div>
</template>

<script>
  export default {
    name: 'DetailHeader',
    data () {
      return {
        city: '哈哈'
      }
    }
  }
</script>

<style lang="stylus" type="text/stylus" rel="stylesheet/stylus" scoped>
  @import '~styles/varibles.styl'
  @import '~styles/mixins.styl'
  .contains
    position relative
    color white
    font-size 0.16rem
    text-align center
    line-height $headerHeight
    height $headerHeight
    background-color $bgColor

    .header-back
      top 0
      left 0
      color white
      position: absolute;
      float left
      padding-left 0.1rem

</style>
